<template>
	<view class="bg-white flex align-stretch" @click="$emit('click')">
		<view class="flex align-center justify-center py-2 px-3">
			<slot name="icon"></slot>
			<image :src="cover" mode="" v-if="cover" :style="coverStyle"></image>
		</view>
		<view class="flex-1 border-bottom flex align-center justify-between pr-3 py-3">
			<slot name="title1">
				<text class="font-md text-dark">{{title}}</text>

			</slot>
			<view class="flex align-center" v-if="showright">
				<slot name="right"></slot>
				<text class="iconfont text-light-muted font-md" v-if="isshowjt">&#xe60c;</text>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		props: {
			cover: {
				type: String,
				default: ""
			},
			coverSize: {
				type: [String, Number],
				default: 75
			},
			isshowjt: {
				type: Boolean,
				default: false
			},
			title: {
				type: String,
				default: ""

			},
			showright: {
				type: Boolean,
				default: false
			}
		},
		computed: {
			coverStyle() {
				return `width: ${this.coverSize}rpx;height: ${this.coverSize}rpx;`
			}

		}
	}
</script>

<style>
</style>
